<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="assets/stopwatch.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <title>Stopwatch</title>
</head>
<body>
    <h1>Stopwatch</h1>
    <div id="stopwatch">
        00:00:00
    </div>
    <ul id="buttons">
        <li><button onclick="startTimer()">Start</button></li>
        <li><button onclick="lapTimer()">Lap</button></li>
        <li><button onclick="stopTimer()">Stop</button></li>
        <li><button onclick="resetTimer()">Reset</button></li>
    </ul>
    <div id="lapBox">
        
    </div>
    <footer>
        <p>&#x3c; &#47; &#x3e; with ❤️ by 
          <a href="https://swapnilsparsh.github.io/">Swapnil Srivastava</a>
          <br> 
            <a href="https://github.com/swapnilsparsh/30DaysOfJavaScript" target="_blank">#30DaysOfJavaScript</a>
        </p>
    </footer>
    <script src="script.js"></script>
</body>
</html>